<!-- grid -->
<div o-hover="hover" class="io-grid {{height ? 'fixHead' : ''}} {{className}}" style="border: 1px solid #f30; {{style}}; height: {{height}}">
    <div class="allSelected">
        <io-checkbox model="allSelected">
            全选
        </io-checkbox>
        {{#if allSelected}}
        <div class="info">
            <div class="fl">
                已选择<strong>2</strong>条记录
            </div>
        </div>
        {{/if}}
    </div>
    <div class="gridHeader" style="width: {{totalWidth}}">
        <table class="io-table" style="width: {{totalWidth}}">
            <tr>
                <th width="25"></th>
                {{#each columns:index}}
                <th width="{{width}}">{{name}}</th>
                {{/each}}
                <th></th>
            </tr>
        </table>
    </div>
    <div class="gridBody" style="width: {{totalWidth}}">
        <table class="io-table" style="width: {{totalWidth}}">
            {{#each value:index}}
            <tr>
                <th width="25">
                    <io-checkbox model="checked"></io-checkbox>
                </th>
                {{#each columns:index2}}
                <td width="{{width}}">
                    {{value[index][key]}}
                </td>
                {{/each}}
                <td></td>
            </tr>
            {{/each}}
        </table>
    </div>
    <!-- 接受外部内容 -->
    <!-- <slot name="children" /> -->
</div>
